<!--作者:于大明-->
<template>
    <view class="order-trans-item">
		<uni-list-item direction="row"   :title="`${inputItem.orderTransferRemark}`"
			:note="inputItem.createTime" :clickable="false">
			<!-- 通过v-slot:header插槽定义列表左侧的图片显示，其他内容通过List组件内置属性实现-->
			<template v-slot:header>
				<!-- 当前判断长度只为简单判断类型，实际业务中，根据逻辑直接渲染即可 -->
				<!-- <image class="image-1" :src="inputItem.headImgurl||'https://pic.cwyyt.cn/upload/yyticons/163505355_name.png'" mode="aspectFill"></image> -->
			</template>
			
			<template v-slot:footer>
				<view class="d-flex flex-column j-center" >
					<view class="text-orange font-weight" style="margin-left: 6rpx;line-height: 1.2;">
						<text class="font-22">¥</text>
						<text class="font-30">{{inputItem.orderTransferPrice.toFixed(2)}}</text>
					</view>
					<view class="text-warning">
						{{inputItem.orderTransferTypeStr}}
					</view>
				</view>
			</template>
			
		</uni-list-item>
	</view>
</template>

<script src="./order-trans-item.js"></script>

<style lang="less" scoped>
    @import url('order-trans-item.less');
</style>
